$(function () {
    layui.use(['laypage', 'layer'], function () {

        var laypage = layui.laypage
            , layer = layui.layer;

        $('#search-input').on('focus', function () {
            $(this).parent('.ipt-box').addClass('ipt-box-active')
        })
        $('#search-input').on('blur', function () {
            $(this).parent('.ipt-box').removeClass('ipt-box-active')
        })

        $('.send-btn').off('click').on('click', function () {
            location.href = "./push-need.html"
        })


        //查看信息按钮事件
        $('.search-list').undelegate('.show-btn', 'click').delegate('.show-btn', 'click', function () {
	        //登陆
	       	if(btn=='user-login')
	       	{
	        	window.name = layer.open({
	            type: 2,
	            skin: 'phone-dialog-cs',
	            area: ['400px', '530px'],
	            title: '',
	            closeBtn: 0,
	            content: '/components/login.html'
	        	});
	        }
	        //获取VIP信息
	        if(btn=='get-vip-info')
	        {
				$('.table-box').removeClass('is-expand');
	        	//获取当前点击的盒子DOM
	            const el = $(this).closest('.table-box');
	            console.log(el);
	            //移除所有的激活项  只激活当前的box
	            el.toggleClass('is-expand');
	            //调用后台接口数据
	            $.ajax({
	                url: "/business/orderVipInfo.html", //json文件位置
	                type: "POST", //请求方式为get
	                data: {
	                    'order_id':$(this).attr('data-id'),
	                },
	                dataType: "json", //返回数据格式为json
	                success: function (data) { //请求成功完成后要执行的方法
	                    if(data.code ==1)
	                    {
	                    	el.find(".table-box--slide p").eq(0).html(data.data.wxid)
	                    	el.find(".table-box--slide p").eq(1).html(data.data.cooperate_type)
	                    	el.find(".table-box--slide p").eq(2).html(data.data.mobile)
	                    	el.find(".table-box--slide p").eq(3).html(data.data.qqid)

	                    }else
                    	{
	                    	layer.msg(data.msg, {
	                			time: 3000,
                			}, function(){
                				window.name = layer.open({
           	                     type: 2,
           	                     area: ['730px', '470px'],
           	                     title: '',
           	                     closeBtn: 0,
           	                     content: '/components/buyVip.html'
           	                 });
                			});
	                    	el.find(".table-box--slide p").eq(0).html('******')
	                    	el.find(".table-box--slide p").eq(1).html('******')
	                    	el.find(".table-box--slide p").eq(2).html('******')
	                    	el.find(".table-box--slide p").eq(3).html('******')
                    	}
	                    console.log(data)
	                }
	            })
	        }
	      	//升级会员
	        if(btn=='update-vip') {
	                 window.name = layer.open({
	                     type: 2,
	                     area: ['730px', '470px'],
	                     title: '',
	                     closeBtn: 0,
	                     content: '/components/buyVip.html'
	                 });
	         }
        })

        //初始化页面page
        laypage.render({
            elem: 'search-page',
            prev: '<img src="/assets/home/images/prev.png" style="width: 14px;"/>',
            next: '<img src="/assets/home/images/next.png" style="width: 14px;"/>'
            , count: 100
            , layout: ['count', 'prev', 'page', 'next', 'skip']
            , jump: function (obj) {
                console.log(obj)
            },

        });

        setTimeout(() => {
            $('.search-list').css('display', 'block')
        }, 100)
    })
})
